<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>列表属性</title>
		<style type="text/css">
			
			
			
			/*#phone{
				border: 1px solid red;
				list-style-type:decimal;
				list-style-image: url(../img/cuo.png);
				list-style-position: outside;
				
				
			}*/
			#phone{
				border: 1px solid red;
				list-style: none;
			}
			
			#phone li{
				border: 1px solid blueviolet;
			}
		</style>
	</head>
	<body>
		<h2>列表属性的使用</h2>
		<ul>
			<li>
				list-style-type:列表样式类型
			</li>
			<li>
				list-style-image:列表样式图片
			</li>
			<li>
				list-style-position:列表样式位置
			</li>
		</ul>
		
		
		<ul id="phone">
			<li>apple</li>
			<li>huawei</li>
			<li>xiaomi</li>
		</ul>
		
		
	</body>
</html>
